<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>咖啡</title>
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/index 产品展示2.css">
</head>
<body id="bd">
    <!-- 头部 -->
    <header>
        <a href="#"><img src="../images/首页_02.png" alt=""></a>
        <div>
            <a href="../index.html">首页</a>
            <a href="../html/index 关于我们_3.html">关于我们</a>
            <a class="active" href="../html/index 产品展示.html">产品介绍</a>
            <a  href="../html/index 团队介绍_1 copy.html">我们团队</a>
            <a href="../html/index 联系我们.html">联系我们</a>
        </div>
   </header>
    <!-- 轮播图 -->
    <div id="banner">
        <div>
            <a href="#">
                <div>
                    <p><span>P</span> roduct</p>
                    <p>产品介绍 <span>Introduction</span></p>
                </div>
                
            </a>
            <img src="../images/产品 (2).png" alt="">
        </div>
        
    </div>
    <!-- 主要内容 -->
    <main>
        <!-- 导航条 -->
        <nav>
            <div>
                <a href="#">
                    <p>拿铁咖啡</p>
                    <p>Cafe Latte</p>
                </a>
            </div>
            <div>
                当前位置>
                <a href="#">首页</a>>
                <a href="#">产品介绍</a>>
                <a href="#" class="active">拿铁咖啡</a>
            </div>
        </nav>
        <!-- 产品展示 -->
        <div>
            <img src="../images/产品展示 (1).png" alt="">
            <div>
                <p>这是1683年的故事了。这一年，土耳其大军第二次进攻维也纳。当时的维
                    也纳皇帝奥博德一世与波兰国王奥古斯都二世订有攻守同盟 ，波兰人只要得知
                    这一消息，增援大军就会迅速赶到。 但问题是，谁来突破土耳其人的重围去给
                    波兰人送信呢?曾经在土耳其游历的维也纳人柯奇斯基自告奋勇，以流利的土耳
                    其话骗过围城的土耳其军队，跨越多瑙河， 搬来了波兰军队。
                </p>
                <p>奥斯曼帝国的军队虽然骁勇善战，在波兰大军和维也纳大军的夹击下， 还
                    是仓皇退却了， 走时在城外丢下了大批军需物资， 其中就有数十麻袋的咖啡豆
                    穆斯林世界控制了几个世纪不肯外流的咖啡豆, 就这样轻而易举地到了维也纳人
                    手上。 但是维也纳人不知道这是什么东西。 只有柯奇斯基知道这是一种神奇的
                    饮料。 于是他请求把这数十麻袋咖啡豆作为突围求救的奖赏， 并利用这些战利
                    品在维也纳开设了一家咖啡馆--蓝瓶子。</p>
                <p>开始的时候， 咖啡馆的生意并不好。 原因是欧洲人不像土耳其人那样，喜欢连
                    咖啡渣一起喝下去 。 于是聪明的柯奇斯基改变了配方过滤掉咖啡渣并加入大量
                    牛奶  - - 这就是如今咖啡馆里常见的"拿铁"咖啡的原创版本。</p>
            </div>
        </div>
       
    </main>
    <!-- 底部 -->
    <footer>
        <div>
            <div>
                Copyright © <a href="#">重庆duzu有限公司</a> | duzu备案号 <a href="#">33010602001878</a>  号 版权所有：<a href="#"> 重庆戈登有限公司</a>
            </div>
            <a href="#"><img src="../images/首页_02.png" alt=""></a>
        </div>

    </footer>
        <!-- 开始鼠标特效模式 -->
        <i id="texiao" class="iconfont">&#xe60c;</i>
    <script src="../js/animation.js"></script>

</body>
</html>